<template>
  <div>
    <defaultForm :formData="summary">
      <div slot="formRight_0" class="flex1">
        <div class="borL flexLeft flex1">
          <div class="flex2">
            <input type="text" style="width: 100%" />
          </div>
          <div class="flex1 borL">
            <div class="flexLeft borB">
              <div class="unitTitle">联系人</div>
              <input type="text" class="flex1" :value="callName" />
            </div>
            <div class="flexLeft borB">
              <div class="unitTitle">电话</div>
              <input type="text" class="flex1" />
            </div>
            <div class="flexLeft borB">
              <div class="unitTitle">手机</div>
              <input type="text" class="flex1" />
            </div>
          </div>
        </div>
      </div>

      <div slot="formRight_1" class="flex1">
        <div class="flex1 borL checkboxBox pad5">
          <div class="flexBet marB10">
            <div>1.广播节目录制技术质量奖</div>
            <a-checkbox> 项 </a-checkbox>
          </div>
          <div class="flexBet">
            <div>2.广播节目播出技术质量奖</div>
            <a-checkbox> 项 </a-checkbox>
          </div>
        </div>
      </div>
      <!-- 申报材料 -->
      <div slot="formRight_2" class="flex1 borL pad5">
        <div v-for="(i, k) in data" :key="k">
          <div class="flexBet marB10">
            <div>{{ i.title }}</div>
            <a-checkbox> {{ i.text }} </a-checkbox>
          </div>
          <div class="flexBet marB10" v-for="(j, n) in i.child" :key="n">
            <div class="marL10">{{ j.title }}</div>
            <a-checkbox> {{ j.text }} </a-checkbox>
          </div>
        </div>
      </div>
      <!-- 申报单位审核意见 -->
      <div slot="formRight_3" class="flexBet padTB20 flex1 borL">
        <div class="padL10">负责人（签字）：</div>
        <div>
          <div class="marB10">（盖章）</div>
          <div>
            <span class="marR20">年</span>
            <span class="marR20">月</span>
            <span class="marR20">日</span>
          </div>
        </div>
      </div>
      <!-- 推荐单位审核 -->
      <div slot="formRight_4" class="flexBet padTB20 flex1 borL">
        <div class="padL10">负责人（签字）：</div>
        <div>
          <div class="marB10">（盖章）</div>
          <div>
            <span class="marR20">年</span>
            <span class="marR20">月</span>
            <span class="marR20">日</span>
          </div>
        </div>
      </div>
      <div slot="formRight_5" class="padL10">
        本推荐单位是指省台或市、县广播电视新闻出版局
      </div>
    </defaultForm>
  </div>
</template>

<script>
import defaultForm from "@/components/form/formDefaultItem.vue";
import { summary } from "@/assets/js/deer.js";

export default {
  components: {
    defaultForm,
  },
  data() {
    return {
      summary,
      data: [
        {
          title: "1.广播节目录制技术质量奖申报表(表1)",
          value: "",
          text: "张",
          child: [
            {
              title: "广播节目录制CD盘",
              value: "",
              text: "盘",
            },
          ],
        },
        {
          title: "2.广播节目播出技术质量奖申报表(表2)",
          value: "",
          text: "张",
          child: [
            {
              title: "广播节目播出记录CD盘",
              value: "",
              text: "盘",
            },
            {
              title: "广播节目时间表",
              value: "",
              text: "张",
            },
            {
              title: "广播节目播出串联单",
              value: "",
              text: "张",
            },
          ],
        },
        {
          title: "3.广播节目技术质量奖申报总表(表3)",
          value: "",
          text: "张",
        },
        {
          title: "4.广播节目技术质量奖推荐汇总表(表4)",
          value: "",
          text: "张",
        },
      ],
      callName: "", //联系人
    };
  },
};
</script>

<style lang="scss" scoped>
@import url("../../assets/sass/components/form.scss");
.unitTitle {
  min-width: 80px;
  min-height: 35px;
  line-height: 35px;
  text-align: center;
  border-right: 1px solid #b8babd;
}
.checkboxBox {
  max-width: 500px;
}
</style>